let paymentChart={
  // title: {
  //   text: '付款情况',
  //   subtext: '大分类',
  //   left: 'center'
  // },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    orient: 'horizontal',
    left: 'left',
    textStyle: {
      color: "#fff",
      fontSize: "12"
    }
  },
  series: [
    {
      // name: 'Access From',
      type: 'pie',
      radius: '50%',
      data: [],
      itemStyle:{
        borderWidth:1,
        borderColor:'#fff',
      },
      label:{
        show:true,
        fontSize:16,
        formatter: '{b}\n{c}万',
        color: 'inherit',
      },
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};

let paymentbackMonthChart={
  title: {},
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "shadow",
      label: {
        backgroundColor: "#6a7985"
      }
    }
  },
  legend: {
    top: "0%",
    icon: "roundRect",
    data: ["汇总"],
    textStyle: {
      color: "#fff",
      fontSize: "12"
    }
  },
  toolbox: {
    feature: {}
  },
  legend: {
    data: ["汇总金额"],
    textStyle: {
      color: "#fff",
      fontSize: "12"
    }
  },
  grid: {
    left: "10",
    top: "30",
    right: "10",
    bottom: "10",
    containLabel: true
  },
  xAxis: [
    {
      type: "category",
      axisLabel: {
        textStyle: {
          color: "#fff",
          fontSize: 12
        },
      },
      axisLine: {
        lineStyle: {
          color: "rgba(255,255,255,.5)"
        }
      },
      data: [],
      nameTextStyle: {
        borderwith: '2000px',
        color: '#fff'
      },
      axisLabel: {
        width: 20,
        rotate:25,
      }
    }
  ],
  yAxis: [
    {
      name:"汇总金额（万元）",
      type: "value",
      axisTick: { show: false },
      minInterval: 10,
      axisLine: {
        lineStyle: {
          color: "rgba(255,255,255,.5)"
        }
      },
      axisLabel: {
        textStyle: {
          color: "rgba(255,255,255,.6)",
          fontSize: 12
        }
      },

      splitLine: {
        lineStyle: {
          color: "rgba(255,255,255,.1)"
        }
      }
    }
  ],
  series: [
    {
      name: "汇总金额",
      type: "line",
      smooth: true,
      barWidth: '20%',
      data: [],
      label:{
        show:true,
        position:'center',
        textStyle:{
          color:'white',
          fontSize:14
        },
      }
    }
  ],
};

let moneyUseChart={
  title: {},
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "shadow",
      label: {
        backgroundColor: "#6a7985"
      }
    }
  },
  legend: {
    top: "0%",
    icon: "roundRect",
    data: ["汇总"],
    textStyle: {
      color: "#fff",
      fontSize: "12"
    }
  },
  toolbox: {
    feature: {}
  },
  legend: {
    data: ["汇总金额"],
    textStyle: {
      color: "#fff",
      fontSize: "12"
    }
  },
  grid: {
    left: "10",
    top: "30",
    right: "40",
    bottom: "0",
    containLabel: true
  },
  xAxis: [
    {
      position:"bottom",
      type: "category",
      axisLabel: {
        textStyle: {
          color: "#fff",
          fontSize: 12
        },
      },
      axisLine: {
        lineStyle: {
          color: "rgba(255,255,255,.5)"
        }
      },
      data: [],
      nameTextStyle: {
        borderwith: '2000px',
        color: '#fff'
      },
      axisLabel: {
        rotate:45,
        formatter:function(val){
          if(val.length>4){
            return val.substring(0,4)+"...";
          }else{
            return val;
          }
        },
      }
    }
  ],
  yAxis: [
    {
      name:"汇总金额（万元）",
      type: "value",
      axisTick: { show: false },
      minInterval: 10,
      axisLine: {
        lineStyle: {
          color: "rgba(255,255,255,.5)"
        }
      },
      axisLabel: {
        textStyle: {
          color: "rgba(255,255,255,.6)",
          fontSize: 12
        }
      },
      splitLine: {
        lineStyle: {
          color: "rgba(255,255,255,.1)"
        }
      }
    }
  ],
  series: [
    {
      name: "汇总金额",
      type: "bar",
      smooth: true,
      barWidth: '20%',
      data: [],
      label:{
        show:true,
        position:'center',
        textStyle:{
          color:'white',
          fontSize:14
        },
      }
    }
  ],
};

export {paymentChart,paymentbackMonthChart,moneyUseChart}